import React from 'react'
import { SearchBar, Button, WhiteSpace, WingBlank } from 'antd-mobile';

class SearchComponent extends React.Component {
  state = {
    value: '美食',
  };
 
  onChange= (value) => {
    this.setState({ value });
  };
  clear = () => {
    this.setState({ value: '' });
  };
  handleClick = () => {
    this.manualFocusInst.focus();
  }
  render() {
    return (<div>
     
      <SearchBar placeholder="Search" maxLength={8} />
     
     
      
     
      
      
    </div>);
  }
}

export default SearchComponent